<!--系统信息页面-->
<template>
    <div style="width: 976.670px;margin: 0px auto;">
        <div style="background-color: #F3F3F3;line-height: 45px; height: 45px;color: #8c939d;font-size: 10px;border: 1px solid #EBEBEB">&nbsp;&nbsp;&nbsp;&nbsp; 系统信息</div>
        <div class="InformationForm WaiKe">
            <div class="OperationLine"><div class="FuDong SystemInformationTitle">服务器操作系统:</div><div class="FuDong SystemInformationContent">{{ServerOperatingSystem}}</div><div class="FuDong SystemInformationTitle">Web 服务器:</div><div class="FuDong SystemInformationContent">{{WebTheServer}}</div></div>
            <div class="OperationLine"><div class="FuDong SystemInformationTitle">PHP 版本:</div><div class="FuDong SystemInformationContent">{{PHPedition}}</div><div class="FuDong SystemInformationTitle">MySQL 版本:</div><div class="FuDong SystemInformationContent">{{MysqlEdition}}</div></div>
            <div class="OperationLine"><div class="FuDong SystemInformationTitle">安全模式:</div><div class="FuDong SystemInformationContent">{{SafeMode}}</div><div class="FuDong SystemInformationTitle">安全模式GID:</div><div class="FuDong SystemInformationContent">{{SafeModeGID}}</div></div>
            <div class="OperationLine"><div class="FuDong SystemInformationTitle">Socket 支持:</div><div class="FuDong SystemInformationContent">{{SocketSupport}}</div><div class="FuDong SystemInformationTitle">时区设置:</div><div class="FuDong SystemInformationContent">{{TimeZone}}</div></div>
            <div class="OperationLine"><div class="FuDong SystemInformationTitle">GD 版本:</div><div class="FuDong SystemInformationContent">{{GdEdition}}</div><div class="FuDong SystemInformationTitle">Zlib 支持:</div><div class="FuDong SystemInformationContent">{{ZlibSupport}}</div></div>
            <div class="OperationLine"><div class="FuDong SystemInformationTitle">IP 库版本:</div><div class="FuDong SystemInformationContent">{{IpLibraryVersion}}</div><div class="FuDong SystemInformationTitle">文件上传的最大大小:</div><div class="FuDong SystemInformationContent">{{MaximumSizeOfFileUpload}}</div></div>
            <div class="OperationLine"><div class="FuDong SystemInformationTitle">程序版本:</div><div class="FuDong SystemInformationContent">{{ProgramVersion}}</div><div class="FuDong SystemInformationTitle">安装日期:</div><div class="FuDong SystemInformationContent">{{InstallDate}}</div></div>
            <div class="OperationLine"><div class="FuDong SystemInformationTitle">编码:</div><div class="FuDong SystemInformationContent">{{Code}}</div><div class="FuDong SystemInformationTitle"></div><div class="FuDong SystemInformationContent"></div></div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "SystemInformation",
        data(){
            return{
                ServerOperatingSystem:"",
                PHPedition:'',
                SafeMode:'',
                SocketSupport:'',
                GdEdition:'',
                IpLibraryVersion:'',
                ProgramVersion:'',
                Code:'',
                WebTheServer:'',
                MysqlEdition:'',
                SafeModeGID:'',
                TimeZone:'',
                ZlibSupport:'',
                MaximumSizeOfFileUpload:'',
                InstallDate:''
            }
        }
    }
</script>

<style scoped>
    div{
        box-sizing: border-box;
    }
    .FuDong{
        float: left;
    }
    .OperationLine{
        height: 40px;
        line-height: 40px;
        font-size: 10px;
        text-align: center;
    }
    .SystemInformationTitle{
        width: 150px;
        height: 40px;
        background-color: #F9FAFC;
        border-right: #E4E4E4 1px solid;
        border-bottom: #E4E4E4 1px solid;
    }
    .SystemInformationContent{
        width: 320px;
        height: 40px;
        border-right: #E4E4E4 1px solid;
        border-bottom: #E4E4E4 1px solid;
    }
    .WaiKe{
        margin: 20px auto;
        width: 941px;
        border-top: #E4E4E4 1px solid;
        border-left: #E4E4E4 1px solid;
    }
</style>